<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>提交成功</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/confirm_address.css">
    <link rel="stylesheet" type="text/css" href="css/success.css">
</head>

<body>
    <header>
        <section class="headerin clearfix">
            <a href="" class="logo"></a>
            <nav>
                <ul class="navul clearfix">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="introduce.html">关于我们</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html" class="curr">产品中心</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
                <div class="loginbox">
                    <div class="up">
                        <span class="iconperson"></span>
                    </div>
                    <div class="down">
                        <a href="login.html" class="btnLogin">立即登录</a>没有账号？
                        <a href="registered.html" class="linkReg">立即注册</a><br />
                        <a href="buycar.html">我的购物车</a><br />
                        <a href="confirm_information.html">我的订单</a><br />
                        <div>
                            <input type="text" class="inputText"><input type="button" class="inputBtn">
                        </div>
                    </div>
                </div>
            </nav>
        </section>
    </header>
    <div class="submenu">
        <a href="#">当前位置：</a>>
        <a href="#">首页</a>>
        <a href="#">产品中心</a>>
        <a href="#">确认收货地址</a>
    </div>
    
    <section class="main">
        <div class="top">
            <div class="content">
                <div class="text curr">确认订单</div>
                <div class="icon"></div>
            </div>
            <div class="content" style="width: 73px;margin-left:137px">
                <div class="text curr">确认收货地址</div>
                <div class="icon"></div>
            </div>
            <div class="content" style="margin-left:135px">
                <div class="text">确认提单</div>
                <div class="icon"></div>
            </div>
            <div class="content" style="margin-left:148px">
                <div class="text">交易成功</div>
                <div class="icon"></div>
            </div>
        </div>
        <div class="progressBar">
            <div class="nowprogress">
            </div>
        </div>
        <div class="address">
            <p class="title">确认收货地址</p>
            <table style="width: 1200px;margin-top: 20px;">
                <tr style="height: 80px;">
                    <td style="color: red;font-size: 18px;width: 110px;vertical-align: top;"><span><img src="img/定位.png" alt="" style="
                        margin-top: -20px;
                    "> 寄送至</span></td>
                    <td style="width: 85px;vertical-align: top;"><input type="checkbox" name="" id=""></td>
                    <td style="font-size: 18px;vertical-align: top;">广州市 白云区 松北球场直街33号 广州大学纺织服装学院<br>
                        （Adam King 收）12345678901
                    </td>
                    <td><a href="" style="color: royalblue;">修改地址</a></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="checkbox" name="" id=""></td>
                    <td style="font-size: 14px;">深圳市 宝安50区 翻身路登科花园7栋701 （Adam King 收） 12345678901</td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td><div class="button">＋使用新地址</div></td>
                    <td></td>
                </tr>
            </table>
        </div>
        <p class="title">确认订单信息</p>
        <div class="alert">
            <div class="content">
                <img src="img/确认成功.png" alt="">
                恭喜你，提交成功！ 
            </div>
            <div class="button">
                <div class="left">立即支付</div>
                <div class="right">稍后支付</div>
            </div>
        </div>
        <table class="product">
            <tr style="border: none;">
                <td style="text-align: left;width: 150px;height: 60px;">产品信息及参数</td>
                <td style="width: 175px;"> </td>
                <td> </td>
                <td>单价（元）</td>
                <td>数量 </td>
                <td>优惠</td>
                <td>小计</td>
                <td>配送方式</td>
            </tr>
            <tr>
                <td style="text-align: left;height: 120px;"><img src="img/产品.png" alt=""></td>
                <td>65英寸日立电视L65-Z2系列</td>
                <td>
                    颜色：银色包边<br>
                    尺寸:65英寸
                </td>
                <td>5000.00</td>
                <td>
                    <div class="counter">
                        <button class="num-button">-</button>
                        <span class="num">1</span>
                        <button class="num-button">+</button>
                    </div>
                </td>
                <td>0.0</td>
                <td>5000.00元</td>
                <td>普通配送</td>
            </tr>
            <tr>
                <td style="text-align: left;height: 120px;"><img src="img/产品1.png" alt=""></td>
                <td>70英寸日立电视L70-Z1系列</td>
                <td>
                    颜色：银色包边<br>
                    尺寸:70英寸
                </td>
                <td>5500.00</td>
                <td>
                    <div class="counter">
                        <button class="num-button">-</button>
                        <span class="num">1</span>
                        <button class="num-button">+</button>
                    </div>
                </td>
                <td>0.0</td>
                <td>5000.00元</td>
                <td>普通配送</td>
            </tr>
        </table>
        <div class="down">
            <div class="left">
                <p>买家留言：</p>
                <textarea cols="30" rows="10" style="resize: none;"></textarea>
            </div>
            <div class="right">
                <li><span>运&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp费</span><span class="money">￥100.00</span></li>
                <li><span>商品金额</span><span class="money">￥10500.00</span></li>
                <li><span>实付金额</span><span class="money">￥10500.00</span></li>
                <li><input type="checkbox" name="" id=""style="margin-right:5px">匿名购买</li>
            </div>
            <div class="button">
                <div class="left">
                    提交订单
                </div>
                <div class="right">
                    返回购物车
                </div>
            </div>
        </div>
    </section>
    <footer>
        copyright ©2016 hitachi.com all rights reserved 中国日立集团有限公司版权所有 京ICP备012345号-1
    </footer>
    <script src="js/index.js"></script>
</body>

</html>